آموزش واکنش [ویدئو]

سرفصل ها و درس ها

مقدمه ای بر دنیای React Introduction to the World of React

• بررسی اجمالی دوره The Course Overview

• فکر کردن در React Thinking in React

• بلافاصله شروع به استفاده از React کنید Start Using React Right away

• راه اندازی محلی React Dev Environment با برنامه create-react Local React Dev Environment Setup with create-react-app

• ساختن اولین کامپوننت واکنش سفارشی ما Building Our First Custom React Component

• استفاده از حالت و رندر شرطی در JSX Using State and Conditional Rendering in JSX

• استفاده از React Dev Tools برای کمک به ساختن و اشکال زدایی برنامه های ما Using React Dev Tools to Help Build and Debug Our Apps

در برنامه‌های تعاملی React شیرجه بزنید Dive into Interactive React Apps

• رویدادهای ماوس، صفحه کلید، فرم و مرورگر را مدیریت کنید Handle Mouse, Keyboard, Form, and Browser Events

• اعتبار سنجی فرم پایه Basic Form Validation

• یک جزء لیست خرید ایجاد کنید Create a Shopping List Component

• ادامه وضعیت لیست خرید با فضای ذخیره‌سازی محلی Persist Shopping List State with Local Storage

اجزای واکنش مدولار و وضعیت مشترک Modular React Components and Shared State

• بررسی اجمالی: اپلیکیشن کتاب آدرس کوچک Overview:Mini Address Book App

• از کامپوننت های Stateful و Stateless برای ساخت UI استفاده کنید Use Stateful and Stateless Components to Build UIs

• Props را به اجزای تودرتو منتقل کنید Pass Props Down to Nested Components

• وضعیت مؤلفه والد را از مؤلفه فرزند به روز کنید Update Parent Component State from a Child Component

• حفظ وضعیت دفترچه آدرس با فضای ذخیره‌سازی محلی Persist Address Book State with Local Storage

• مقدمه ای بر هوکس Intro to Hooks

• useState و useEffect را پیاده سازی کنید Implement the useState and useEffect

برنامه های چند صفحه ای React با روتر React Multi-Page React Apps with React Router

• نمای کلی: برنامه چند صفحه ای React Overview: Multi-Page React App

• راه اندازی و پیکربندی React Router 5 React Router 5 Setup and Configuration

• مقادیر پویا URL و وضعیت خطا را مدیریت کنید Handle Dynamic URL Values, and Error State

• Render Props را به کامپوننت تبدیل کنید Convert Render Props into Components

• کامپوننت ها را مشروط رندر کنید، تغییر مسیر دهید Conditionally Render Components, Redirects

واکشی داده ها از API های شخص ثالث Fetch Data from Third-Party APIs

• نمای کلی: React App + Star Wars API Overview: React App + Star Wars API

• واکشی داده ها از swapi.co Fetch DATA from swapi.co

• منطق را به اجزای جداگانه استخراج کنید Extract Logic into Separate Components

• واکشی داده ها بر اساس URL/مسیر Fetch Data Based on URL/Route

• ماندگاری داده های API در فضای ذخیره سازی محلی Persist API Data in Local Storage

برنامه های React to Production را آماده و اجرا کنید Prepare and Deploy React Apps to Production

• برنامه React را برای بهینه سازی برای تولید بسازید Build React App to Optimize for Production

• استقرار در Netlify: بکشید و رها کنید Deploy to Netlify: Drag and Drop

• مستقر در Netlify: خط فرمان Deploy to Netlify: Command Line

• Deploy to Netlify: Continuous Deployment Deploy to Netlify: Continuous Deployment

• بعدی چیه؟ خروج از CRA، گزینه‌های میزبانی بیشتر What’s Next? Eject from CRA, More Hosting Options